{% extends 'mainindex.html' %}
{% block css %}
    <link href="/static/maincss/plugins/iCheck/custom.css" rel="stylesheet">
{% endblock %}

{% block content %}
    <div class="wrapper wrapper-content">
        <div class="ibox-content">
            <div class="alert alert-success alert-dismissable">
                <button aria-hidden="true" data-dismiss="alert" class="close" type="button">x</button>
                    该后台主要实现用户管理，管理员管理，景点管理，预约信息管理，留言管理，可推展新的功能 <a class="alert-link" href="/index/">点此处返回首页</a>.
            </div>
        </div>
       <div class="row">
            <div class="col-sm-2">
                <div class="widget style1 navy-bg">
                    <div class="row vertical-align">
                        <div class="col-xs-3">
                            <i class="fa fa-users fa-2x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <h2 class="font-bold">用户数:{{ usercount }}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="widget style1 navy-bg">
                    <div class="row vertical-align">
                        <div class="col-xs-3">
                            <i class="fa fa-plane fa-2x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <h2 class="font-bold">景点数:{{ sceniccount }}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="widget style1 navy-bg">
                    <div class="row vertical-align">
                        <div class="col-xs-3">
                            <i class="fa fa-calendar-check-o fa-2x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <h2 class="font-bold">预约数:{{ bookinfocount }}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="widget style1 lazur-bg">
                    <div class="row vertical-align">
                        <div class="col-xs-3">
                            <i class="fa fa-commenting fa-2x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <h2 class="font-bold">留言数:{{ messagecount }}</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>网站主要景点<small>来源网络侵权删</small></h5>
                        <div class="ibox-tools">

                        </div>
                    </div>
                    <div class="ibox-content">
                    {% for obj in image_list %}
                        <a class="fancybox" href="/media/{{ obj.image }}" title="{{ obj.description }}">
                            <img alt="image" src="/media/{{ obj.image }}" title="{{ obj.imagename }}"/>
                        </a>
                    {% endfor %}
                    </div>
                </div>
            </div>

        </div>
    </div>
    </div>


{% endblock %}

{% block js %}
    <!-- Flot -->
    <script src="/static/mainjs/plugins/flot/jquery.flot.js"></script>
    <script src="/static/mainjs/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="/static/mainjs/plugins/flot/jquery.flot.resize.js"></script>
    <script src="/static/mainjs/plugins/flot/jquery.flot.pie.js"></script>
    <!-- 自定义js -->
    <script src="/static/mainjs/content.js"></script>
    <!--flotdemo-->

{% endblock %}
